<template>
  <header class="header-frontend">
    <div class="navbar navbar-default navbar-static-top">
      <div class="container">
        <div class="navbar-header">
          <button
            type="button"
            class="navbar-toggle collapsed"
            data-toggle="collapse"
            data-target=".navbar-collapse"
          >
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.html">
            <img :src="config.Header.logo" />
          </a>
        </div>
        <div class="navbar-collapse collapse" style="height: 1px">
          <ul class="nav navbar-nav">
            <li>
              <router-link to="Home">{{ config.Header.nav[0] }}</router-link>
            </li>
            <li>
              <router-link to="About">{{ config.Header.nav[1] }}</router-link>
            </li>
            <li>
              <router-link to="News">{{
                config.Header.nav[2]
              }}</router-link>
            </li>
            <li>
              <router-link to="Case">{{
                config.Header.nav[3]
              }}</router-link>
            </li>
            <li>
              <router-link to="Contact">{{
                config.Header.nav[4]
              }}</router-link>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </header>
</template>

<script>
import { Vue } from "vue-class-component";
export default class extends Vue {}
</script>

<style>
</style>